<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="css/mui.min.css" rel="stylesheet" type="text/css">
		<link href="css/load.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-1.11.1.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/load.js"></script>
		<style>
			.table {
				width: 95%;
				margin: 10px auto
			}
			
			.table tr td,
			.table tr th {
				padding: 5px;
				text-align: center;
				font-size: 12px;
				border: 1px solid #bdc3c7;
				padding: 8px;
			}
			
			.table tr th {
				background: #ecf0f1
			}
		</style>
	</head>

	<body style="background:#fff">
		<table class="table">
			<thead>
				<tr>
					<th>活动名称</th>
					<th>姓名</th>
					<th>手机号</th>
					<th>身份证号</th>
					<th>存款金额</th>
					<th>积分</th>
					<th>登记人</th>
					<th>登记网点</th>
					<th>登记时间</th>
				</tr>
			</thead>
			<tbody id="tab">

			</tbody>
		</table>
		<script>
			$(function() {
				mui.showLoading("正在加载..", "div")
				$.post("selectAllActivityList", function(data) {
					if(data.code == 0) {
						var rel = data.data;
						var html = ''
						for(var i in rel) {
							html+='<tr><td>'+rel[i].活动名称+'</td>';
							html+='<td>'+rel[i].姓名+'</td>';
							html+='<td>'+rel[i].手机号+'</td>';
							html+='<td>'+rel[i].身份证号+'</td>';
							html+='<td>'+rel[i].存款金额+'</td>';
							html+='<td>'+rel[i].积分+'</td>';
							html+='<td>'+rel[i].登记人+'</td>';
							html+='<td>'+rel[i].登记网点+'</td>';
							html+='<td>'+rel[i].登记时间+'</td></tr>';
						}
						$("#tab").html(html)
					}
				})
			})
		</script>
	</body>

</html>